<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">			
  <h:form id="form">
  	<p:panel header="Sucursal Seleccionada">
  		<h:panelGrid columns = "2">
  			<h:outputText value="Nombre del Responsable:"/>
  			<h:outputText value = "#{sujetoEmpresaCreate.sucursal.nombre}"/>
  			
  			<h:outputText value="Apellido del Responsable:"/>
  			<h:outputText value = "#{sujetoEmpresaCreate.sucursal.apellido}"/>
  			
  			<h:outputText value="Direccion:"/>
  			<h:outputText value = "#{sujetoEmpresaCreate.sucursal.domicilioCompleto}"/>
  		</h:panelGrid>
  		
  	</p:panel>
  	
  	<p:tabView id="tbComercializacion">
		<p:tab title="Mes vencido">
			<p:panel header="Datos de Comercialización">
				<h:panelGrid columns = "2">
					<h:outputText value="Producto: *"/>
					<p:selectOneMenu value="#{sujetoEmpresaCreate.mesVencido.producto.productoId}" effect="fade" style="width:98%;">  
			            <f:selectItem itemLabel="Seleccione un Producto..." itemValue="" />  
			            <f:selectItems value="#{selectOneMany.getAllProductos()}" var="producto" 
							itemLabel="#{producto.nombre}" 
							itemValue="#{producto.productoId}"></f:selectItems>  
			        </p:selectOneMenu>
			        
			        <h:outputText value="Descuento: *"/>
			        <p:inputText value = "#{sujetoEmpresaCreate.mesVencido.precioProducto}"/>
			        
			        <h:outputText value="Cantidad Minima: *"/>
			        <p:inputText value = "#{sujetoEmpresaCreate.mesVencido.cantidadMinima}"/>
				</h:panelGrid>
			</p:panel>
		</p:tab>
		<p:tab title="Pack">
			<p:panel header = "Packs Disponibles" >
				<h:panelGrid columns="2">
					<h:outputText value="Packs: *"/>
					<p:selectOneMenu value="#{sujetoEmpresaCreate.comPack.pack.packId}" label="Packs" width="59%">
			            <f:selectItem itemLabel="Seleccione un Pack..." itemValue="" />  
			            <f:selectItems value="#{selectOneMany.getPacks()}" var="p" 
							itemLabel="#{p.nombre}" 
							itemValue="#{p.packId}">
						</f:selectItems>  
			        </p:selectOneMenu>
					<h:outputText value="Cantidad de Packs: *"/>
					<p:inputText value="#{sujetoEmpresaCreate.comPack.cantidadPack}" label="Nombre"/>
				</h:panelGrid>
			</p:panel>
		</p:tab>
	</p:tabView>
  	<h:outputText value="Seleccione los equipos de Frio Calor para la comercilización"/>
	<p:separator/>
	<p:dataTable id="tblEquiposFrioCalor" value="#{sujetoEmpresaCreate.equiposFrioCalorDisponibles}"
		var="fc" paginator="true" rows="10" rowKey="#{fc.frioCalorId}"
		selectionMode="single"
		selection="#{sujetoEmpresaCreate.selectedFrioCalor}"
		emptyMessage="No hay equipos Frio Calor disponibles para asignar.">  			
 			
 		<f:facet name="header">Frio Calor Disponibles</f:facet>
		
		<p:ajax event="rowSelect" oncomplete="carDialog.show()" update=":form:display"/>
                 			 						
		<p:column sortBy="#{fc.numeroDeSerie}">
			<f:facet name="header">Serie Nº</f:facet>
			#{fc.numeroDeSerie}
		</p:column>

		<p:column>
			<f:facet name="header">Marca</f:facet>
			#{fc.marca}
		</p:column>
		
			<p:column>
			<f:facet name="header">Modelo</f:facet>
			#{fc.modelo}
		</p:column>
	</p:dataTable>
	<p:dialog header="Detalles del Frio Calor Seleccionado" widgetVar="carDialog" resizable="false" id="carDlg"  
              showEffect="fade" hideEffect="explode" modal="true">  
 
       <h:panelGrid id="display" columns = "2">  
 
           <h:outputText value="Numero de Serie:" />  
           <h:outputText value="#{sujetoEmpresaCreate.selectedFrioCalor.numeroDeSerie}" style="font-weight:bold"/>  
 
           <h:outputText value="Marca:" />  
           <h:outputText value="#{sujetoEmpresaCreate.selectedFrioCalor.marca}" style="font-weight:bold"/>  

           <h:outputText value="Modelo:" />  
           <h:outputText value="#{sujetoEmpresaCreate.selectedFrioCalor.modelo}" style="font-weight:bold"/>
           
           <h:outputText value="Ubicacion:" />
           <p:inputTextarea rows="2" cols="50" counter="counterUbicacion" maxlength="50"       
 						counterTemplate="{0} caracteres restante." value = "#{sujetoEmpresaCreate.ubicacionFrioCalor}"/>
 				   <h:outputText />
 				   <h:outputText id="counterUbicacion" />
       </h:panelGrid>
       <p:separator/> 
	   <p:commandButton value="Asignar" action="#{sujetoEmpresaCreate.asignarFrioCalorSucursal(sujetoEmpresaCreate.selectedFrioCalor)}" ajax="false"
	   update = "tblEquiposFrioCalorAsignados"/>		 		
   </p:dialog>
	
   <h:outputText value="Equipos de Frio Calor Asignados"/>
   <p:separator/>
   <p:dataTable id="tblEquiposFrioCalorAsignados" value="#{sujetoEmpresaCreate.equiposAsignados}"
		var="sucursalFrioCalor" emptyMessage="Sin Equipos Frio Calor asignado.">  			
 			
 		<f:facet name="header">Frio Calor Seleccionados</f:facet>
                 			 						
		<p:column>
			<f:facet name="header">Serie Nº</f:facet>
			#{sucursalFrioCalor.frioCalor.numeroDeSerie}
		</p:column>

		<p:column>
			<f:facet name="header">Marca</f:facet>
			#{sucursalFrioCalor.frioCalor.marca}
		</p:column>
		
		<p:column>
			<f:facet name="header">Modelo</f:facet>
			#{sucursalFrioCalor.frioCalor.modelo}
		</p:column>
		
		<p:column>
			<f:facet name="header">Ubicacion</f:facet>
			#{sucursalFrioCalor.ubicacion}
		</p:column>
		<p:column>
			<h:commandButton action="#{sujetoEmpresaCreate.quitarFrioCarloSucursal(sucursalFrioCalor)}" 
			image="#{resource['images:cross-16-ns.png']}" title ="Quitar Frio Calor">
			</h:commandButton>
		</p:column>
	</p:dataTable>
	<p:commandButton value="Asignar" action="#{sujetoEmpresaCreate.guardarComercializacion}" ajax = "false"
		title="Asignar Visita"/>
  </h:form>        	        	        	        
  </ui:define>
</ui:composition>
	
</h:body>
</html>